<template>
  <heads></heads>
  <router-view />
  <foot></foot>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import heads from "@/components/BlogHead.vue";
import foot from "@/components/BlogFooter.vue";
export default defineComponent({
  name: "",
  props: {},
  components: { heads, foot },
});
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
}

body::-webkit-scrollbar {
  width: 6px;
}
// 滚动条轨道
body::-webkit-scrollbar-track {
  background: rgb(239, 239, 239);
  border-radius: 2px;
}
// 小滑块
body::-webkit-scrollbar-thumb {
  background: #40a0ff49;
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover {
  background: #40a0ff;
}
</style>
